<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b class="titleCostosgastos">COSTOS Y GASTOS</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span4">
            <div class="row-fluid">
                <ul id="headBusquedaClientes" class="span12 breadcrumb alingCenter">
                    <li class="subtitleCostosgastos"><b>Buscar </b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <form id="formularioBusquedacostoGasto">
                    <div class="row-fluid">
                        <div class="span4">
                            Desde
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-fechaIni" class="input-small search-cambiar" placeholder="dd/mm/aa"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Hasta
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-fechaFin" class=" input-small search-cambiar" placeholder="dd/mm/aa"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <hr>             
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Tipo
                        </div>
                        <div class="span7">
                            <select id="tipo-costo-selected" class="span12 search-cambiar">
                                <option value="-1" >Todas</option>
                                <?php foreach ($listaCostos as $listCostos) { ?>
                                    <option value="<?php echo $listCostos->id_costo ?>"><?php echo $listCostos->nombre ?></option>
                                <?php } ?>                                        
                            </select> 
                        </div>
                    </div>                    
                    <div class="row-fluid hide">
                        <hr>
                        <div class="span6 offset3">
                            <button type="button" id="btn-buscar" class="btn btn-inverse">Buscar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="span8">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li class="subtitleCostosgastos"><b>HISTORIAL DE COSTOS Y GASTOS</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <a href="#modalAgregarCliente" class="btn btn-primary" type="button" data-toggle="modal"> Registrar nuevo gasto</a>
                    <button type="button" class="btn btn-success">Exportar</button> 
                </div>  

                <div class="row-fluid">
                    <table class="table table-striped">
                        <thead>
                            <tr>                               
                                <th>Fecha</th>
                                <th>Tipo</th>
                                <th>Valor total</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody id="lista-costosGastos" data-pagina="1">
                        </tbody>
                    </table>
                </div>
                <div class="row-fluid">
                    <div class="pagination pull-right" id="pagination">

                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>

<!--  I   N   S   E   R  C  I   O  N-->
<div class="movimientosVentasProductos">
    <div id="modalAgregarCliente" class="modal hide fade formularioRegistrarVenga" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Registrar un nuevo costos o gasto <span id="nombreHabitacion"></span></h3>
           
        </div>
        <div class="modal-body">
            <div class="row-fluid">            
            </div>
            <div id="div-gasto">
                <form id="form-personas" action="costosGastos/nuevoHistorialCosto" method="post">
                    <input type="hidden" name="tipo-cliente" value="1">                    
                    <div class="row-fluid">                    
                        <div class="span12">
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Tipo de costo</label>
                                </div>
                                <div class="span7">
                                    <select name="tipo-costo">
                                        <option value="-1">Seleccionar..</option>
                                        <?php foreach ($listaCostos as $listCostos) { ?>
                                            <option value="<?php echo $listCostos->id_costo ?>"><?php echo $listCostos->nombre ?></option>
                                        <?php } ?>                                        
                                    </select>    
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Valor</label>
                                </div>
                                <div class="span7">
                                    <input  type="text" name="valor" required>    
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Descripción</label>
                                </div>
                                <div class="span7">
                                    <textarea name="descripcion"  rows="3"></textarea>  
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Forma de pago</label>
                                </div>
                                <div class="span7">                                 
                                    <select id="modoPagoSelected" required >
                                        <option value="1">Efectivo</option>
                                        <option value="2">Deposito Bancario</option>
                                        <option value="3">Tarjeta Debito</option>
                                        <option value="4">Tarjeta Crédito</option>
                                    </select>
                                    <input  name="modo_pago" id="FormaPago" type="hidden" >
                                    </select>   
                                </div>                      
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-inverse" id="costos-submit">Agregar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--  E  D  I  C  I  O  N-->
<div class="movimientosVentasProductos">
    <div id="modalVercosto" class="modal hide fade formularioRegistrarVenga" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            
            <h4 id="myModalLabel">Gasto registrado el <span id="fecha_gasto"></span> por <span id="usuario_name"></span></h4>
        </div>
        <div class="modal-body">       
            <div class="row-fluid">            
            </div>
            <div id="div-gasto">
                <form >
                    <input type="hidden" name="tipo-cliente" value="1">                    
                    <div class="row-fluid">                    
                        <div class="span12">
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Tipo de costo</label>
                                </div>
                                <div class="span7">
                                    <select name="tipo-costo" readonly='readonly' id="costoId">
                                        <option value="-1">Seleccionar..</option>
                                        <?php foreach ($listaCostos as $listCostos) { ?>
                                            <option value="<?php echo $listCostos->id_costo ?>"><?php echo $listCostos->nombre ?></option>
                                        <?php } ?>                                        
                                    </select>    
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Valor</label>
                                </div>
                                <div class="span7">
                                    <input id="valorShow" type="text" readonly='readonly'  name="valor" >    
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Descripción</label>
                                </div>
                                <div class="span7">
                                    <textarea name="descripcion"  readonly='readonly' rows="3" id="descripcionShow"></textarea>  
                                </div>                      
                            </div>
                            <div class="row-fluid">                              
                                <div class="span4 offset1 alignContent">
                                    <label >Forma de pago</label>
                                </div>
                                <div class="span7">                                 
                                    <input id="ModoPagoShow" type="text" name="modo_pago" readonly='readonly'>  
                                </div>                      
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal">Aceptar</button>
                    </div>
                </form>
            </div>       
        </div>
    </div>
</div>
